/* *
 *
 *  (c) 2010-2019 Torstein Honsi
 *
 *  License: www.highcharts.com/license
 *
 *  Grid theme for Highcharts JS
 *
 *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
 *
 * */
"use strict";
import Highcharts from "../parts/Globals.js";
Highcharts.theme = {
  colors: [
    "#058DC7",
    "#50B432",
    "#ED561B",
    "#DDDF00",
    "#24CBE5",
    "#64E572",
    "#FF9655",
    "#FFF263",
    "#6AF9C4",
  ],
  chart: {
    backgroundColor: {
      linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
      stops: [
        [0, "rgb(255, 255, 255)"],
        [1, "rgb(240, 240, 255)"],
      ],
    },
    borderWidth: 2,
    plotBackgroundColor: "rgba(255, 255, 255, .9)",
    plotShadow: true,
    plotBorderWidth: 1,
  },
  title: {
    style: {
      color: "#000",
      font: 'bold 16px "Trebuchet MS", Verdana, sans-serif',
    },
  },
  subtitle: {
    style: {
      color: "#666666",
      font: 'bold 12px "Trebuchet MS", Verdana, sans-serif',
    },
  },
  xAxis: {
    gridLineWidth: 1,
    lineColor: "#000",
    tickColor: "#000",
    labels: {
      style: {
        color: "#000",
        font: "11px Trebuchet MS, Verdana, sans-serif",
      },
    },
    title: {
      style: {
        color: "#333",
        fontWeight: "bold",
        fontSize: "12px",
        fontFamily: "Trebuchet MS, Verdana, sans-serif",
      },
    },
  },
  yAxis: {
    minorTickInterval: "auto",
    lineColor: "#000",
    lineWidth: 1,
    tickWidth: 1,
    tickColor: "#000",
    labels: {
      style: {
        color: "#000",
        font: "11px Trebuchet MS, Verdana, sans-serif",
      },
    },
    title: {
      style: {
        color: "#333",
        fontWeight: "bold",
        fontSize: "12px",
        fontFamily: "Trebuchet MS, Verdana, sans-serif",
      },
    },
  },
  legend: {
    itemStyle: {
      font: "9pt Trebuchet MS, Verdana, sans-serif",
      color: "black",
    },
    itemHoverStyle: {
      color: "#039",
    },
    itemHiddenStyle: {
      color: "gray",
    },
  },
  labels: {
    style: {
      color: "#99b",
    },
  },
  navigation: {
    buttonOptions: {
      theme: {
        stroke: "#CCCCCC",
      },
    },
  },
};
// Apply the theme
Highcharts.setOptions(Highcharts.theme);
